// const $tbody = $(this).find('tbody')
$(tbody).on('click', 'button', function () {	
  const $tr = $(this).parents('tr')		
  if ($(this).hasClass('btn-edit')) {	
    // 编辑按钮    $tr.addClass('edit').find('span').each(function () {	
      $(this).next().val($(this).html())	
    }
   else if ($(this).is('.btn-ok')) {	
    const id = $tr.data('id')	
    // const id = $tr.attr('data-id')
    const name = $tr.find('.input-name').val()	
    const price = $tr.find('.input-price').val()
    const num = $tr.find('.input-num').val()

    $.get('./api/shop/update.php', { id, name, price, num }, resp => {	
      if (resp.code === 200) {
        $tr.removeClass('edit').find('span').each(function () {	
          $(this).html($(this).next().val())		
        })
      }
    }, 'json')
  } else if ($(this).hasClass('btn-cancel')) {	
    // 取消，直接恢复初始状态即可
    $tr.removeClass('edit')
  } else if ($(this).hasClass('btn-del')) {
    // 删除
    const id = $tr.data('id')
    $.ajax({	
      url: './api/shop/delete.php',
      method: 'GET',
      data: { id },
      success: resp => {
        if (resp.code === 200) {
          getData()
        }
      },
      dataType: 'json'
    })
  }
})

